    html, body {
        position: relative;
        height: 100%;
    }
    body {
        background: #eee;
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
        font-size: 14px;
        color:#000;
        margin: 0;
        padding: 0;
    }
    .swiper-container {
        width: 100%;
        height: 100%;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        /*第四步*/
        /* Center slide text vertically */
        /*display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;*/
        /*第四步结束*/
    }
       /*第一屏开始*/
     .swiper-slide.one{
     	background: url(../images/onebg.png) no-repeat;
     	background-size: 100% 100%;
     }
     .swiper-slide.one .top{
     	width: 70%;
     	height: 50%;
     	border: 9px solid white;
     	margin: 0px auto;
     	margin-top: 5%;
     	overflow: hidden;
     }
     .swiper-slide.one .top img{
     	width: 100%;
     	position:relative;
     	top: -5%;
     }
     .swiper-slide.one .bottom{
     	width: 70%;
     	height: 30%;
        margin: 0 auto;
        margin-top: 5%;
        position: relative;
        /*border: 2px solid white;*/
     }
     .swiper-slide.one .bottom .jiezhi{
     	width: 35%;
     	position: absolute;
     	left: 3px;
     	top: 0px;
     }
     .swiper-slide.one .bottom .jiehunla{
     	width: 100%;
     	position: absolute;
     	left: 1px;
     	top: 30px;
     }
     .swiper-slide.one .bottom .time{
     	width: 50%;
     	position: absolute;
     	bottom: 0px;
     	left: 25%;
     }
      /*第一屏结束*/
      /*第二屏开始*/
     .swiper-slide.two{
     	background: url(../images/twobg.jpg) no-repeat;
     	background-size: 100% 100%;
     	position: relative;
     }
     .swiper-slide.two .left{
     	width: 30%;
     	height: 20%;
     	border: 9px solid #FFEBEB;
     	position: absolute;
     	left: 5%;
     	top: 5%;
     	z-index: 2;
     	overflow: hidden;
     }
     .swiper-slide.two .left img{
     	width: 100%;
     }
     .swiper-slide.two .right{
     	width: 60%;
     	height: 80%;
     	position: absolute;
     	right: 5%;
     	top: 10%;
     	border: 9px solid #FFEBEB;
     	background: #FFEBEB;
     }
     .swiper-slide.two .right .t{
     	width: 100%;
     	height: 60%;
     	overflow: hidden;
     	margin-bottom: 3%;
     }
      .swiper-slide.two .right .t img{
      	width: 100%;
      }
      /*大于号表示要选择儿子辈的元素*/
     .swiper-slide.two .right>img{
     	width: 100%;
     	float: left;
     }
     .swiper-slide.two .fengche{
     	width: 25%;
     	position: absolute;
     	top: 47%;
     	right: 2%;
     }
      /*第二屏结束*/
      /*第三屏开始*/
     .swiper-slide.three{
     	background: url(../images/twobg.jpg) no-repeat;
     	background-size: 100% 100%;
        position: relative;    	
     }
     .swiper-slide.three .top{
     	width: 70%;
     	height: 60%;
     	border: 9px solid #FFFFFF;
     	margin: 0 auto;
     	margin-top: 5%;
     }
     .swiper-slide.three .top img{
     	width: 100%;
     }
     .swiper-slide.three img.aini,.swiper-slide.three img.yibeizi{
     	width: 70%;
     	float: right;
     	margin-top: 5%;
     }
     .swiper-slide.three img.hua{
     	position: absolute;
     	top: 0;
     	right: 0;
     	width: 80%;
     }
      .swiper-slide.three img.hua2{
     	position: absolute;
     	bottom: 0;
     	left: 0;
     	width: 80%;
     }
     .swiper-slide.three img.dog{
	position: absolute;
	top: 54%;
	right: 30%;
	width: 35%;
     }
      /*第三屏结束*/ 
      /*第四屏开始*/
    .swiper-slide.four{
     	background: url(../images/fourxxbg.png) no-repeat;
     	background-size: 100% 100%;
     }
     .swiper-slide.four .xx{
     	font-size: 15vw;
     	color: white;
     	line-height: 2em;
     	position: absolute;
	    top: 50%;
	   padding: 50%;
	    transform: translateY(-60%);
	    /*transform: translateX(-50%);*/
     }
      /*第四屏结束*/
      /*音乐区开始*/
     /*音乐区结束*/
    /*#music{
    	widows: 60px;
    	height: 60px;
    	position: fixed;
    	top: 10px;
    	right: 10px;
    	z-index: 3;
    }
    @keyframes rot{
    	from{
    		-moz-transform:rotate(0deg) ;
    		-o-transform: rotate(0deg);
    		-ms-transform: rotate(0deg);
    		-webkit-transform: rotate(0deg);
    	}
    	to{
    		-moz-transform:rotate(360deg) ;
    		-o-transform: rotate(360deg);
    		-ms-transform: rotate(360deg);
    		-webkit-transform: rotate(360deg);
    	}
    }
    #music .music_bg{
    	width: 60px;
    	height: 60px;
    }
    #music .music_pic{
    	position: absolute;
	    left: 8px;
	    top: 8px;
	    -moz-animation: rot 2s infinite linear;
	    -webkit-animation: rot 2s infinite linear;
	    -ms-animation: rot 2s infinite linear;
	    -o-animation: rot 2s infinite linear;
    }*/
   #music{
	width: 60px;
	height: 60px;
	position: fixed;
	top: 10px;
	right: 10px;
	z-index: 999;
}
@keyframes rot{
	from{
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	}
	to{
		-moz-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
	}
}
#music .music_bg{
	width: 60px;
	height: 60px;
}
#music .music_pic{
	position: absolute;
	left: 8px;
	top: 8px;
	-moz-animation: rot 3s infinite linear;
	-webkit-animation: rot 3s infinite linear;
	-ms-animation: rot 3s infinite linear;
	-o-animation: rot 3s infinite linear;
}
    /*音乐区结束*/
    
    
    
    
    
    
    
    
    
    
    
    
    
    
 